<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>霓虹运</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/usercenter.css" rel="stylesheet">
</head>
<body>
	<!-- Header -->
    <div id="header">
    	<div class="header-top">
    		<div class="header-content">
    			<a href="javascript:;" alt="返回首页">[返回首页]</a>
    			<ul>
    				<li>
    					<img src="images/user-logined.png" alt="">
    					<a href="javascript:;">马文丞</a>您好 ， 欢迎来到霓虹运！
    				</li>
    				<li class="my-account"><a href="javascript:;">[安全退出]</a></li>
    				<li class="help-center"><a href="javascript:;">[修改密码]</a></li>
    			</ul>
    		</div>
    	</div>
    	<div class="header-bottom">
    		<div class="header-content">
    			<img src="images/logo.png" alt="">
    		</div>
    	</div>
 	</div>
	<div id="nav">
		<div class="nav-content">
			<ul>
				<li class="focus">
					<a href="javascript">客户中心</a>|
					<div class="arrow"></div>			
				</li>
				<li>
					<a href="javascript">我的转运</a>|
					<div class="arrow hide"></div>			
				</li>
				<li>
					<a href="javascript">客服中心</a>
					<div class="arrow hide"></div>			
				</li>
			</ul>
		</div>
	</div>

	<div id="menu" class="content">
		<ul>
			<li class="selected"><a href="javascript:;">首页</a></li>
			<li><a href="javascript:;">个人资料管理</a></li>
			<li><a href="javascript:;">转运业务价格</a></li>
			<li><a href="javascript:;">我的积分</a></li>
			<li><a href="javascript:;">我的抵扣券</a></li>
			<li><a href="javascript:;">消费明细</a></li>
			<li><a href="javascript:;">账户充值</a></li>
			<li><a href="javascript:;">收件人管理</a></li>
			<li><a href="javascript:;">发件人管理</a></li>
			<li><a href="javascript:;">邀请好友</a></li>
		</ul>
	</div>

	<div class="content" id="user-info">
		<div>
			<img src="images/user-logo.png" alt="">
		</div>
		<div>
			<h4 class="user-info-title red">用户信息</h4>
			<p>用户名：<span>daniel@rebatesme.com</span></p>
			<p>收货标识：<span>NGOMKOS(<i class="blue">First Name</i>)</span></p>
			<p>可用积分：<span class="blue">50</span></p>
		</div>
		<div id="account-info">
			<h4>账户信息</h4>
			<p>账户余额：<span>0.00</span>
				<a href="javascript:;" class="blue">在线充值</a>
			</p>
			<p>等待签收：(<span class="red">0</span>)</p>
			<p>等待付款：(<span class="red">0</span>)</p>
			<p>我的库存：(<span class="red">0</span>)</p>
			<p>等待出库：(<span class="red">0</span>)</p>
		</div>
	</div>

	<div id="usercenter-content">
		<div class="sidebar">
			<h4 class="grey">快捷菜单</h4>
			<ul>
				<li><a href="javascript:;">提交新预报</a><span>></span></li>
				<li class="selected"><a href="javascript:;">我的预报</a><span>></span></li>
				<li><a href="javascript:;">批量预报</a><span>></span></li>
				<li><a href="javascript:;">提交订单</a><span>></span></li>
				<li><a href="javascript:;">我的订单</a><span>></span></li>
				<li><a href="javascript:;">账户充值</a><span>></span></li>
				<li><a href="javascript:;">修改密码</a><span>></span></li>
				<li><a href="javascript:;">消费明细</a><span>></span></li>
			</ul>
		</div>
		<div class="list">
			<h4 class="grey">我们提供的收货地址</h4>
			<div class="list-item">
				<h4 class="grey red">美国仓库地址<span class="red">></span></h4>
				<div class="item-list">
					<div class="item">
						<h4 class="blue">加利福尼亚州仓库(CA)</h4>
						<p><i>名(First Name)：</i><span>NGOMKOS</span></p>
						<p><i>姓(Last Name)：</i><span>Danel</span></p>
						<p><i>地址(Address)：</i><span>12353 RUSH STREET</span></p>
						<p><i>地址2(Address2)：</i><span>34650</span></p>
						<p><i>城市(City)：</i><span>South EL Mount</span></p>
						<p><i>州/省(State)：</i><span>CA(CALIFORNIA)</span></p>
						<p><i>邮编(Zip Code)：</i><span>91733</span></p>
						<p><i>电话(Tel)：</i><span>625-575-3837</span></p>
					</div>
					<div class="item">
						<h4 class="blue">美国免税州仓库</h4>
						<p><i>名(First Name)：</i><span>NGOMKOS</span></p>
						<p><i>姓(Last Name)：</i><span>Danel</span></p>
						<p><i>地址(Address)：</i><span>12353 RUSH STREET</span></p>
						<p><i>地址2(Address2)：</i><span>34650</span></p>
						<p><i>城市(City)：</i><span>South EL Mount</span></p>
						<p><i>州/省(State)：</i><span>CA(CALIFORNIA)</span></p>
						<p><i>邮编(Zip Code)：</i><span>91733</span></p>
						<p><i>电话(Tel)：</i><span>625-575-3837</span></p>
					</div>
				</div>
			</div>
			<div class="list-item">
				<h4 class="grey red">日本仓库地址<span class="red">></span></h4>
			</div>
		</div>
	</div>

    <div id="coperation">
    	<ul>
    		<li>合作伙伴 ></li>
    		<li><img src="images/adv1.png" alt=""></li>
    		<li><img src="images/adv2.png" alt=""></li>
    		<li><img src="images/adv3.png" alt=""></li>
    		<li class="adv4"><img src="images/adv4.png" alt=""></li>
    		<li><img src="images/adv5.png" alt=""></li>
    		<li><img src="images/adv6.png" alt=""></li>
    	</ul>
    </div>
	<!-- Footer -->
    <div id="footer">
    	<div class="footer-content">
	    	<ul>
    			<li><a href="javascript">关于我们</a></li>
    			<li><a href="javascript">联系我们</a></li>
    			<li><a href="javascript">免责声明</a></li>
    			<li><a href="javascript">隐私政策</a></li>
    			<li><a href="javascript">服务条款</a></li>
    			<li><a href="javascript">版权所有</a></li>
    			<li><a href="javascript">补传身份信息</a></li>
	    	</ul>
    	</div>
		<p id="copyright">Copyright©2016  霓虹转运 nihongyun.com 版权所有｜沪ICP备 15033187</p>
		<p>推荐使用Google Chrome和IE10以上版本浏览器访问本站</p>
    </div>
</body>
</html>